@import "../../common/base.less";
@import "../../common/newNormalize.less";

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

.giftDetails{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 0.6rem;
	 background: #E0E3E8 !important;
	.giftDetailsMain{
		width: 12rem;
		height: auto;
		margin:0 auto;
		.mianTop{
			width: 12rem;
			height: 2.7rem;
			margin-top: 0.8rem;
			background: #E9ECEF;
			padding: 0.3rem;
			.mainTopL{
				width: 8.34rem;
				height: 2.1rem;
				float: left;
				border-right: 0.5px solid #CFD2D7;
				.img{
					width: 2.7rem;
					height: 2.1rem;
					float: left;
					img{
						width: 100%;
						height: 100%;
					}
				}
				.info{
					float: right;
					width: 5.5rem;
					height: 100%;
					.title{
						font-size: 0.24rem;
						color: #000;
						margin-top: 0.2rem;

					}
					.alertInfo{
						font-size: 0.18rem;
						color: #B12D44;
						margin: 0.2rem  0 0.2rem 0; 

					}
					.btnMain{
						width: 100%;
						height: 0.38rem;
						line-height:0.38rem;
						float: left;
											
					}
					.getGift{
							width: 1.1rem;
							height: 0.38rem;
							line-height:0.38rem;
							text-align: center;
							font-size: 0.16rem;
							background: #B12D44;
							color: #fff;
							float: left;
							margin-left: 0.2rem;
							border-radius:2px;
						} 
					.getGift:hover{
						background: #7f1f30;

					}
					.getGiftNo{
							width: 1.1rem;
							height: 0.38rem;
							line-height:0.38rem;
							text-align: center;
							font-size: 0.16rem;
							background: #fff;
							color: #B12D44;
							float: left;
							margin-left: 0.2rem;
							border-radius:2px;
							border:1px solid #B12D44;

					}




				}
			}

			.mainTopR{
				width: 2.8rem;
				height: 1.75rem;
				float: right;
				.img{
					width:2.8rem;
					height: 1.75rem;
					img{
						width: 100%;
						height: 100%;

					}
				}
				p{
					width: 100%;
					line-height: 0.40rem;
					color: #B12D44;
					font-size: 0.16rem;
					text-align: center;

				}

			}

		}
		.giftCneter{
			width: 100%;
			height: 10rem;
			margin-top: 0.2rem;
			background: #E9ECEF;
		}
		.giftCneterL{
			width: 8.35rem;
			height: 100%;
			float: left;
			padding: 0 0.2rem 0 0.2rem;
			.leftTitle{
				font-size: 0.24rem;
				color: #000;
				width: 7.9rem;
				height: 0.8rem;
				line-height: 0.8rem;
				border-bottom: 0.5px solid #CFD2D7;
			}
			.list{
				width: 7.9rem;
				height: 2.4rem;
				margin-top: 0.2rem;
				.listItem:nth-child(2){
					margin-left: 0.2rem;
					margin-right: 0.2rem;
				};
				.listItem{
					width: 2.5rem;
					height: 2.4rem;
					float: left;
					.img{
						width: 2.5rem;
						height: 1.8rem;
						img{
							width: 100%;
							height: 100%;
						}
					}
					p{
						color: #707B84;
						font-size: 0.18rem;
						width: 100%;
						height: 0.38rem;
						line-height: 0.38rem;
						text-align: center;
					}
				}
			}
			.giftType{
				width: 7.9rem;
				height: 3.8rem;
				p{
					width: 100%;
					text-align: center;
					font-size: 0.18rem;
					height: 0.6rem;
					line-height: 0.6rem;

				}
				.img{
					width: 1rem;
					height: 1rem;
					margin: 0 auto;
					
				}
				.duihuan{
					width: 2.8rem;
					height: 1.57rem;
					margin: 0 auto;
				}
			}
			.giftInfo{
				margin-left: 0.6rem;
				p{
					color: #707B84;
					font-size: 0.18rem;
					height: 0.35rem;
					line-height: 0.35rem;
				}
			}
		}
		.giftCneterR{
			width: 3.45rem;
			height: 100%;
			float: right;
			padding: 0.2rem;
			.title{
				width: 3rem;
				height: 0.7rem;
				line-height: 0.8rem;
				border-bottom: 0.5px solid #CFD2D7;
				padding-top: 0.1rem;
			}
			.listGiftR{
				width: 3rem;
				height: 3.8rem;

			}
			.listItem{
				width: 3rem;
				height: 1rem;
				margin-top: 0.2rem;
				float: left;
				.img{
					width: 1rem;
					height: 1rem;
					float: left;
					img{
						width: 100%;
						height: 100%;
					}
				}
				.itemRight{
					width: 1.8rem;
					height: 1rem;
					float: right;
					
					p{
						color: #707B84;
						font-size: 0.18rem;
						line-height: 0.35rem;
						height: 0.35rem;
						.getGift{
							width: 0.82rem;
							height: 0.26rem;
							background: #B12D44;
							color: #fff;
							line-height: 0.26rem;
							text-align: center;
							font-size: 0.16rem;
							display: block;
							float: right;
							margin-top: 0.08rem;
							margin-right: 0.1rem;
							border-radius: 2px;
						}
						.getGift:hover{
							background:none;
							border:0.5px solid #B12D44;
							color: #B12D44;
						}
					}
				}
			}
		}

	}

}